.classroomall-header{
  height: 1.53333rem;
  background:#6CB6FF;
  text-align: center;
  .classroomall-h-s{
    span{
      font-size: .48rem;
      color: white;
      line-height: 1.186667rem;
    }
    span:nth-child(2){
      padding-left: 1.066667rem;
    }
    height: 1.186667rem;
    line-height: 1.186667rem;
    display: flex;
    justify-content: space-between;
    font-size: .453333rem;
    color: #171717;
    font-weight:bold;
    padding: 0 .4rem 0 0.4rem;
  }
  p{
    height: .933333rem;
    display: block;
    padding-left: .186667rem;
    padding-top: .266667rem;
    .active{
      font-size: .413333rem;
      height: .933333rem;
        span{
          width: .666667rem;
          height: .1rem;
          background-color: white;
          display: inline-block;
          position: relative;
          bottom: .35rem;
        }
    }
    a{
      text-align: initial;
      width: 1.733333rem;
      padding-left: .266667rem;
      font-size: .373333rem;
      display: block;
      float: left;
      font-family:PingFang SC;
      font-weight:bold;
      color:rgba(255,255,255,1);
      
    }
  }
}
.classroomall-content{
  border: none;

  flex: 1;
  overflow: auto;
}
.classroomall-h-x{
  padding: 0 0 .266667rem .44rem;
  text-align: initial;
  font-size:.4rem;
  height: .7rem;
  line-height: .7rem;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(255,255,255,1);
  line-height:24px;
  background:#6CB6FF;
}
.classroomall-box{
  margin-left: 0;
}
.classroomall-ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  li{
    padding-left: .266667rem;
    position: relative;
    .zhuangtai{
      width: .266667rem;
      height: .266667rem;
      background-color: #87DB7D;
      position: absolute;
      top: .2rem;
      right: .453333rem;
      border-radius: 50%;
    }
    width: 4.266667rem;
    height: 2.4rem;
    background-color: white;
    display: flex;
    // text-align: center;
    flex-direction: column;
    justify-content: space-around;
    box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.2);
    border-radius:10px;
    margin-top: .4rem;
    img{
      padding-top: .133333rem;
      width: 30%;
      // height: 100%;
      // align-self: center;
      // vertical-align:middle;
    }
    p{
      margin-bottom: 0;
      font-size:.373333rem;
      font-family:PingFang SC;
      font-weight:400;
      color:rgba(51,51,51,1);
    }
    span{
      font-size:.346667rem;
      font-family:PingFang SC;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height:24px;
      opacity:0.5;
    }
  }
}
.modalk{
  .xxxx{
    display: block;
    width: .813333rem;
    height: .813333rem;
    position: absolute;
    top: 6.666667rem;
    left: 50%;
    margin-left: -0.36rem;
  }
  z-index: 5;
  border-radius: .133333rem;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -2.6rem;
  margin-left: -3.7333rem;
  width: 7.466667rem;
  height: 5.2rem;
  background: url(./czba_03.png) no-repeat;
  p{
    text-align: center;
    font-size:.4rem;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
  }
  li{
    padding-left: .666667rem;
    span{
      font-size: .346667rem;
      font-family:PingFang SC;
    }
  }
  .modalk-footer{
    img{
      display: inline-block;
      width: 1.36rem;
      height: .813333rem;
      padding-left: .266667rem;
      padding-right: .266667rem;
    }
    text-align: center;
  }
}
.zzc{
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #171717;
  opacity: 0.6;
  z-index: 2;
}
.am-toast-mask{
  height: 1.066667rem;
  width: 6.4rem;
  .am-toast-text{
    font-size: .32rem;
    background:#484848;
    opacity:0.72;
    text-align: center;
    border-radius:.133333rem;
    width: 6.4rem;
    span{
      // width: 5.333333rem;
      line-height: 0.5rem;
      padding-bottom: 0.2rem;
    }
    img{
      float: left;
      margin-top: 2.5%;
      margin-left: 5%;
    }
  }
}